<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>报表维护</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 移动设备 viewport -->
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,minimal-ui">
    <meta name="author" content="admui.com">
    <!-- 360浏览器默认使用Webkit内核 -->
    <meta name="renderer" content="webkit">
    <!-- 禁止搜索引擎抓取 -->
    <meta name="robots" content="nofollow">
    <!-- 禁止百度SiteAPP转码 -->
    <meta http-equiv="Cache-Control" content="no-siteapp">
    <!-- Chrome浏览器添加桌面快捷方式（安卓） -->
    <meta name="mobile-web-app-capable" content="yes">
    <!-- Safari浏览器添加到主屏幕（IOS） -->

    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Admui">

    <meta name="msapplication-TileColor" content="#62a8ea">
    <link href="./bootstrap.css" th:href="@{/bootstrap.css}" rel="stylesheet">
    <link href="./css/base/web-icon.css" th:href="@{/css/base/web-icon.css}" rel="stylesheet">
    <link href="./css/base/site.css" th:href="@{/css/base/site.css}" rel="stylesheet">
    <link href="./css/base/base.css" th:href="@{/css/base/base.css}" rel="stylesheet">
    <script src="../public/js/vendor/jquery/jquery.min.js" th:src="@{/js/vendor/jquery/jquery.min.js}"></script>
    <script src="../public/js/vendor/jquery-validation/jquery.validate.min.js"
            th:src="@{/js/vendor/jquery-validation/jquery.validate.min.js}"></script>

    <link rel="stylesheet" href="../public/js/layui/css/layui.css" th:href="@{/js/layui/css/layui.css}">
    <script src="../public/js/layui/layui.all.js" th:src="@{/js/layui/layui.all.js}"></script>
</head>
<body>
<div class="col-12" style="height:80%;vertical-align: bottom">
    <div class="layui-form-item">


            <div class="layui-input-line">
                <label class="layui-form-label" style="width: 100px">费用明细</label>

                <div class="layui-input-inline">
                    <input type="text" name="chargeType" lay-verify="required" lay-vertype="tips" autocomplete="off"
                           class="layui-input">
                </div>
            </div>

        <div class="layui-input-line">
            <label class="layui-form-label" style="width: 120px">所属费用类型</label>

            <div class="layui-input-inline">
                <select name="parentChargeType" lay-verify="selected" lay-vertype="tips" class="layui-form-select"
                        lay-filter="branch-branchBasicInfo-form-Region">
                    <option value="0">无</option>
                    <option value="">费2</option>
                    <option value="">费3</option>
                    <option value="">费4</option>
                </select>

            </div>
        </div>
            <div class="layui-input-inline">
                <input type="button" lay-submit lay-filter="stock-dealerStock-form-submit" value="新增"
                       class="layui-btn layui-btn-default">
            </div>
            <div class="layui-input-inline">
                <input type="button" lay-submit lay-filter="stock-dealerStock-form-submit" value="查询"
                       class="layui-btn  large-icon ">
            </div>
        </div>
    </div>


    <table id="stock-dealerStockSum-table" lay-filter="stock-dealerStockSum-table"></table>
    <script th:inline="none">

        layui.use('element', function () {
            var element = layui.element;
        })
        layui.use("table", function () {
            var table = layui.table;
            table.render(
                {
                    elem: "carFeeTb",
                    height: 315,
                    url: "/carmgr/getlst",
                    page: true,
                    cols: [[
                        {field: "price", title: "费用", width: 80, sort: true, fixed: 'left'},
                        {field: "minKilo", title: "公里", width: 80, sort: true, fixed: 'left'},
                        {field: "increaseCostt", title: "增速", width: 80, sort: true, fixed: 'left'},
                    ]]
                }
            )
        })

    </script>

</div>
</body>
</html>